<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商家</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/shop.css">
</head>

<body>
    <div class="sp_container">
        <!-- top-->
        <div class="sp_top">
            <!-- <i class=" "></i> -->
            <a href="javascript:;">
                <i class=" icon iconfont icon-fanhui"></i>
            </a>
            <h2>商家</h2>
        </div>
        <!-- banner -->
        <div class="sp_banner">
            <div class="sp_banner_info clearfix">
                <div class="sp_info">
                    <img src="./images/logo_03.png" alt="">
                </div>
                <div class="sp_text">
                    <p>赤峰百易文化传媒有限公司</p>
                    <div class="sp_textImg clearfix">
                        <a href="javascript:;">
                            <img src="./images/shop_vip.png" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="./images/shop_silver.png" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="./images/shop_umbrella.png" alt="">
                        </a>
                    </div>

                </div>
                <a href="javascript:;" class="sp_more">
                    <i class="icon iconfont icon-zhankai-copy"></i>
                </a>
            </div>
            <ul class="sp_banner_bottom clearfix">
                <li>
                    <a href="javascript:;">
                        <p>4</p>
                        <p>银元广告</p>
                    </a>
                </li>
                <li class="space"></li>
                <li>
                    <a href="javascript:;">
                            <p>4</p>
                        <p>银元广告</p>
                    </a>
                </li>
                <li class="space"></li>
                <li>
                    <a href="javascript:;">
                            <p>4</p>
                        <p>银元广告</p>
                    </a>
                </li>
            </ul>

        </div>
        <!-- nav -->
        <div class="sp_nav clearfix">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="./images/yuan.png" alt="">
                        <p>银元广告</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./images/ggao.png" alt="">
                        <p>红包广告</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./images/jp.png" alt="">
                        <p>竞价广告</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./images/scgl.png" alt="">
                        <p>商品管理</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./images/yuan.png" alt="">
                        <p>订单管理</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./images/my_2.png" alt="">
                        <p>商家特权</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./images/dh.png" alt="">
                        <p>数据分析</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./images/tq.png" alt="">
                        <p>购买金币</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="./images/money.png" alt="">
                        <p>客户咨询</p>
                    </a>
                </li>
            </ul>
        </div>

        <!-- 产品体 -->
        <ul class="sp_product">
            <li class="sp_productLi">
                <a href="javascript:;">
                        <h3>珂珂银元大世界</h3>
                    <img src="./images/top_banner.png" alt=""> 
                </a>
            </li>
            <li class="sp_productLi">
                <a href="javascript:;">
                        <h3>珂珂银元大世界</h3>
                    <img src="./images/top_banner.png" alt="">     
                </a>
            </li>  
        </ul>

        <!-- 底部 -->
        <ul class="sp_bottom">
           <li>
               <a href="javascript:;">
                   <i class="icon iconfont icon-shouye-copy1"></i>
                   <p>首页</p>
               </a>
           </li>
           <li class="active">
                <a href="javascript:;">
                    <i class="icon iconfont icon-shangjia3"></i>
                    <p>商家</p>
                </a>
            </li>
            <li>
                    <a href="javascript:;">
                        <i class="icon iconfont icon-fabu"></i>
                        <p>发布</p>
                    </a>
                </li>
                <li>
                        <a href="javascript:;">
                            <i class="icon iconfont icon-wode"></i>
                            <p>我的</p>
                        </a>
                    </li>
        </ul>
    </div>

</body>

</html>